/*
 * 对于整体的样式
 */
div#scenic {
    position: relative;
    width: 100%;
    height: auto;
    top: 2em;
}

/*
 * 对于巨幕的样式
 */
#scenic-jum {
    background-image: url(../image/jumb.jpg);
    background-size: cover;
    text-align: center;
    padding: 7em;
}

/*
 * 对整个景点介绍详情模块的样式
 */
#scenic-container {
    width: 100%;
    text-align: center;
    padding: 2em 10em 2em 10em;
}

/*
 * 对每个景点介绍详情的样式
 */
.scenic-item {
    background-color: #f6f6f6;
    float: left;
    padding: 2em;
    border-radius: 3em;
    box-shadow: 3px 3px 6px #222222;
    margin-bottom: 2em;
}

/*
 * 对每个景点介绍的文字内容的样式
 */
.scenic-intro {
    width: 70%;
    padding: 2em;
    float: left;
    text-align: left;
}

.scenic-intro p {
    text-indent: 2em;
}

/*
 * 对每个景点介绍的图片内容的样式
 */
.scenic-item img{
    width: 27%;
    float: left;
}

#sp1,#sp2 {
    padding-top: 5em;
}

#sp3 {
    padding-top: 2em;
}

/*
 * 二级导航栏
 */
#subnav {
    position: fixed;
    z-index: 101;
    bottom: 3px;
    right: 3px;
    border: 1px solid #adadad;
    list-style: none;
    padding: 1em;
    border-radius: 0.5em;
}

#subnav a {
    display: block;
    border-bottom: 1px solid #f5e79e;
}
